<template>
    <h1>用户理财赎回明细</h1>

    <table>
        <thead>
            <tr>
                <th>理财项目编号</th>
                <th>账号名称</th>
                <th>理财名称</th>
                <th>用户购买金额</th>
                <th>赎回金额</th>
            </tr>
        </thead>

        <tbody>
            <tr v-for=" item in  Show" >
                <td>{{ item.F_FId }}</td>
                <td>{{ item.UL_Name }}</td>
                <td>{{ item.F_FName }}</td>
                <td>{{ item.UF_Money }}</td>
                <td>{{ item.UFR_Money }}</td>
            </tr>
        </tbody>

    </table>


</template>

<script setup lang="ts">
import {ref,onMounted} from 'vue'
import axios from 'axios'
import { useRoute } from 'vue-router'

const Show = ref([{
    F_FId:'',
    F_FName:'',
    UF_Money:'',
    UL_Name:'',
    UFR_Money:''
}])

const route = useRoute()

console.log(route.params.Id);

onMounted (()=>{
    axios({
        url:'http://localhost:56707/api/Finan/UserFinancingRedeemData',
        method:'get',
        params:{
            Id:route.params.Id
        }
    })
    .then(res=>{
        console.log(res.data);
        Show.value = res.data
    })
    .catch(err=>{
        console.log(err);
    })
})
// 登录 注册 详细信息注册 理财(显示)  2个赎回
 
</script>
